html,
body,
meta,
title,
style,
head {
	margin: 0px;
	padding: 0px;
	
}

.one {
	width: 100%;
	cursor: pointer;
}

#ul-one {
	list-style-image: url(/OAProject/img/folderclosed.gif);
	width: 200px;
	height: 500px;
	background-color: #6a72ff;
}

.ul-one-one:hover {
	list-style-image: url(/OAProject/img/msie_doc_mo.gif);
}

#id1,
#id2,
#id3,
#id4,
#id5,
#id6 {
	width: 110px;
	overflow: hidden;
	transition: height 0.5s ease-in;
	border: 1px solid royalblue;
}

#id3 a {
	color: black;
	text-decoration: none;
}

#id1 .ul-one-two,
#id2 .ul-one-two,
#id3 .ul-one-two,
#id4 .ul-one-two,
#id5 .ul-one-two,
#id6 .ul-one-two {
	width: 200px;
	margin-left: -17px;
	list-style-image: url(/OAProject/img/folderclosed.gif);
}

#id1 .ul-one-two:hover,
#id2 .ul-one-two:hover,
#id3 .ul-one-two:hover,
#id4 .ul-one-two:hover,
#id5 .ul-one-two:hover,
#id6 .ul-one-two:hover {
	list-style-image: url(/OAProject/img/msie_doc_mo.gif);
}

#one_span1,
#one_span2,
#one_span3,
#one_span4,
#one_span5,
#one_span6 {
	font-weight: 900;
	font-size: 15px;
	float: right;
	display: inline-block;
	width: 35px;
	text-align: center;
	border: 1px solid white;
	width: 20px;
}